.shop-transcity-add-or-update {
:deep(.el-checkbox__input.is-indeterminate .el-checkbox__inner) {
  background-color: #fff;
}
:deep(.el-checkbox__input.is-indeterminate .el-checkbox__inner::before) {
  background-color: #155bd4;
}
:deep(.el-scrollbar__wrap) {
  overflow-x: hidden;
}
.content-box {
  height: 500px;

  .check-label {
    padding-left: 8px;
    padding-right: 6px;
    cursor: pointer;
  }

  .addr-region {
    display: flex;
    line-height: 32px;
    margin-bottom: 20px;

    .region-name {
      width: 100px;
    }
    .province-box {
      flex: 1;
      display: flex;
      flex-wrap: wrap;

      .province-item {
        width: 33%;
        position: relative;

        .area-count {
          color: #155bd4;
          padding-right: 6px;
        }

        .bor-style {
          border: 1px solid #eee;
          background-color: #fff;
          border-radius: 2px;
          box-shadow: 0 0 3px #ccc;
        }

        .city-box {
          min-width: 70%;
          max-height: calc(32px * 10 + 6px);
          overflow-y: auto;
          overflow-x: hidden;
          padding: 3px 12px;
          position: absolute;
          left: -13px;
          z-index: 9;

          .city-item {
            position: relative;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;

            .area-box {
              max-height: calc(32px * 8 + 8px);
              overflow-y: auto;
              overflow-x: hidden;
              padding: 3px 20px;
              line-height: 32px;
              position: fixed;
              background-color: #fff;
              z-index: 999;
            }

            .area-mark {
              background-color: #fff;
              box-shadow: 1px 1px 3px 0 #ccc;
              display: block;
              width: 10px;
              height: 10px;
              position: fixed;
              transform: rotate(135deg);
            }
          }
        }
      }
    }
  }
}
.dialog-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  .area-num {
    margin-right: 12px;
  }
}
}